<template>
  <div id="app" ref='app'>
    <Home/>

  </div>
</template>

<script>
import Home from '@/views/home'
export default {
  name: 'App',
  components: { Home },
  mounted () {
    this.resize()
    window.onresize = _ => this.resize()
    // axios.get('api/v1/areaCode')
  },
  methods: {
    resize () {
      let winH = window.innerHeight
      let winW = window.innerWidth
      let ratio = winW / winH
      let scale = winH / 1080
      this.$refs.app.style.width = ratio * 1080 + 'px'
      this.$refs.app.style.transform = `scale(${scale},${scale}`
    }

  }
}
</script>

<style lang="stylus" scoped>
  #app
    width 1920px
    height 1080px
    position fixed
    left 0
    top 0
    transform-origin 0 0
    font-family 'MicrosoftYaHei'
    font-size 14px
</style>
